*{
  margin:0;
  box-sizing: border-box;
}
body{
  font-family: PingFang SC, 'Helvetica Neue', Arial, sans-serif;
}
img{
  max-width:100%;
  height:auto;
 }
// Color Palette
@black: #000;
@white: #fff;
@gray-1: #f7f8fa;
@gray-2: #f2f3f5;
@gray-3: #ebedf0;
@gray-4: #dcdee0;
@gray-5: #c8c9cc;
@gray-6: #969799;
@gray-7: #646566;
@gray-8: #323233;
@red: #ee0a24;
@blue: #1989fa;
@orange: #ff976a;
@orange-dark: #ed6a0c;
@orange-light: #fffbe8;
@green: #07c160;

// Gradient Colors
@gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
@gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);

// Component Colors
@text-color: @gray-8;
@active-color: @gray-2;
@active-opacity: .7;
@disabled-opacity: .5;
@background-color: @gray-1;
@background-color-light: #fafafa;

// Padding
@padding-base: 4px;
@padding-xs: @padding-base * 2;
@padding-sm: @padding-base * 3;
@padding-md: @padding-base * 4;
@padding-lg: @padding-base * 6;
@padding-xl: @padding-base * 8;

// Font
@font-size-xs: 20px;
@font-size-sm: 24px;
@font-size-md: 28px;
@font-size-lg: 32px;
@font-weight-bold: 500;
@price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;

// Animation
@animation-duration-base: .3s;
@animation-duration-fast: .2s;

// Border
@border-color: @gray-3;
@border-width-base: 1px;
@border-radius-sm: 2px;
@border-radius-md: 4px;
@border-radius-lg: 8px;
@border-radius-max: 999px;
// Button
@button-mini-height: 44px;
@button-mini-min-width: 100px;
@button-mini-line-height: 40px;
@button-small-height: 60px;
@button-small-min-width: 120px;
@button-small-line-height: 56px;
@button-large-height: 100px;
@button-large-line-height: 92px;
@button-default-height: 88px;
@button-default-line-height: 84px;

// Switch
.van-switch__node{
  top:1px;
}
.van-switch{
  height: 1.12em;
  border-color: #c5cee1;
}
.van-switch.van-switch--on{
  border-color: #125DFF;
}
.van-switch--on .van-switch__node{
  transform: translateX(1.12em);
}
@switch-size: 30px;
@switch-width: 2.2em;
@switch-top: .01rem;
@switch-height: 1em;
@switch-node-size: 1em;

// NavBar
.van-nav-bar{
  line-height: 1.2rem;
  background:linear-gradient(90deg,rgba(145,126,255,1) 0%,rgba(145,126,255,1) 100%);
  .van-nav-bar__title{
    font-size: 30px;
    font-weight: 400;
    margin: 0 auto;
  }
  .van-icon{
    color: #fff;
  }
}
.nav-bar{
  height: 92px;
}
.van-nav-bar.bg_white{
  .van-nav-bar__title{
    color: #353535
  }
  &::after{
    display: none;
  }
  .van-icon{
    color: #353535;
  }
}
.van-nav-bar.bg_white{
  background: #fff;
  .van-nav-bar__right{
    .van-nav-bar__text{
      color: #333;
      font-size: 28px;
    }
  }
}
.van-nav-bar.bg_sdetail{
  background: #EF7431;
}
.van-nav-bar.bg_search{
  background: transparent;
}
.van-nav-bar.bg_transparent{
  background:transparent;
  &::after{
    display: none;
  }
}
.van-nav-bar__right .van-nav-bar__text{
  font-size: 24px;
  margin-right: 10px;
}
.van-nav-bar__text:active{
  background-color: transparent;
}
.van-sticky--fixed{
  .van-hairline--bottom::after{
    display: none;
  }
}
@nav-bar-height: 92px;
// @nav-bar-background-color: @white;
@nav-bar-arrow-size: 42px;
@nav-bar-icon-color: @white;;
@nav-bar-text-color: @white;;
@nav-bar-title-text-color: @white;

// Field
@field-label-width: 140px;
@field-input-text-color: @text-color;
@field-input-error-text-color: @red;
@field-input-disabled-text-color: @gray-6;
@field-placeholder-text-color: @gray-6;
@field-icon-size: 32px;
@field-clear-icon-size: 32px;
@field-clear-icon-color: @gray-5;
@field-right-icon-color: @gray-6;
@field-error-message-color: @red;
@field-error-message-text-color: 24px;
@field-text-area-min-height: 120px;
@field-word-limit-color: @gray-7;
@field-word-limit-font-size: @font-size-sm;
@field-word-limit-line-height: 32px;

// Cell
.van-cell:not(:last-child)::after{
  left: 0;
  border-bottom: 1px solid #ebedf0; /*no*/
}
.van-cell{
  padding: 30px 40px;
}
.van-cell.dropdown-menu-call-active{
.van-cell__title, .van-icon{
  color: #007aff;
}
}
// .login-box,.register {
//   .van-cell{
//     background-color: transparent;
//     padding: 0;
//     margin-top:30px;
//     border-bottom: 1px solid #BBAFFF;/*no*/
//     .van-field__control{
//       color: #fff;
//       padding:29px 0;
//       font-size: 36px;
//     }
//     &::after{
//       display: none;
//     }
//     .van-field__clear{
//       color: #fff;
//       padding: 12px;
//     }
//     .van-field__control::placeholder {
//       color: #AA9BFF !important;
//     }
//   }
// }
@cell-font-size: @font-size-md;
@cell-line-height: 42px;
@cell-vertical-padding: 20px;
@cell-horizontal-padding: @padding-md;
@cell-text-color: @text-color;
@cell-background-color: @white;
@cell-border-color: @border-color;
@cell-active-color: @active-color;
@cell-required-color: @red;
@cell-label-color: @gray-6;
@cell-label-font-size: @font-size-sm;
@cell-label-line-height: 36px;
@cell-label-margin-top: 6px;
@cell-value-color: @gray-6;
@cell-icon-size: 32px;
@cell-right-icon-color: @gray-6;
@cell-large-vertical-padding: @padding-sm;
@cell-large-title-font-size: @font-size-lg;
@cell-large-label-font-size: @font-size-md;

// DropdownMenu
@dropdown-menu-height: 96px;
@dropdown-menu-background-color: @white;
@dropdown-menu-title-font-size: 30px;
@dropdown-menu-title-text-color: @text-color;
@dropdown-menu-title-active-text-color: @blue;
@dropdown-menu-title-disabled-text-color: @gray-6;
@dropdown-menu-title-padding: 0 @padding-xs;
@dropdown-menu-title-line-height: 48x;
@dropdown-menu-option-active-color: @blue;
@dropdown-menu-content-max-height: 80%;
@dropdown-item-z-index: 10;

.van-dropdown-menu__title::after{
  border-width:6px;
  right: -18px; 
  margin-top:-10px;
  // top:-5px;
}
.van-dropdown-menu__title--down::after{
  border-width:6px;
  right: -18px; 
  margin-top:-3px;
}

// CellGroup
@cell-group-background-color: @white;
@cell-group-title-color: @gray-6;
@cell-group-title-padding: @padding-md @padding-md @padding-xs;
@cell-group-title-font-size: @font-size-md;
@cell-group-title-line-height: 32px;

.operation {
  .van-checkbox__icon--checked .van-icon{
    color: #fff;
    background-color: #517FE1;
    border-color: #517FE1;
  }
  .van-checkbox__icon{
  }
  .van-checkbox__label{
    color: #666;
  }
}
// Checkbox
@checkbox-size: 30px;
@checkbox-border-color: #707070;
@checkbox-transition-duration: @animation-duration-fast;
@checkbox-label-margin: @padding-xs;
@checkbox-label-color: @text-color;
@checkbox-checked-icon-color: @blue;
@checkbox-disabled-icon-color: @gray-5;
@checkbox-disabled-label-color: @gray-5;
@checkbox-disabled-background-color: @border-color;

// PullRefresh
@pull-refresh-head-height: 80px;
@pull-refresh-head-font-size: @font-size-md;
@pull-refresh-head-text-color: @gray-6;
// .van-hairline--top::after{
//   border-top-width: 1px; /*no*/
//   border-top-color:#dcdada;
// }
// .van-hairline--top-bottom::after,.van-hairline-unset--top-bottom::after{
//   border-width: 1px; /*no*/
//   border-color:#dcdada;
//   margin: -2px;
// }

.van-pull-refresh,.van-pull-refresh .van-pull-refresh__track{
  min-height: 100%;
}
// Loading
@loading-text-color: @gray-6;
@loading-text-font-size: @font-size-md;
@loading-spinner-color: @gray-5;
@loading-spinner-size: 60px;
@loading-spinner-animation-duration: 0.8s;

// Picker
@picker-toolbar-height: 88px;

// Toast
@toast-max-width: 70%;
@toast-font-size: @font-size-md;
@toast-text-color: @white;
@toast-loading-icon-color: @white;
@toast-line-height: 60px;
@toast-border-radius: @border-radius-md;
@toast-background-color: fade(@text-color, 88%);
@toast-icon-size: 100px;
@toast-text-min-width: 142px;
@toast-text-padding: 6px 26px;;
@toast-default-padding: @padding-md;
@toast-default-width: 140px;
@toast-default-min-height: 140px;
@toast-position-top-distance: 100px;
@toast-position-bottom-distance: 100px;


// Dialog
.van-dialog__header{
  font-weight: 400;
}
.van-dialog{
  width: 540px;
}
.van-dialog .van-dialog__cancel{
  color: #999;
}
@dialog-width: 640px;
@dialog-small-screen-width: 90%;
@dialog-font-size: @font-size-lg;
@dialog-transition: @animation-duration-base;
@dialog-border-radius: 32px;
@dialog-background-color: @white;
@dialog-header-font-weight: @font-weight-bold;
@dialog-header-line-height: 48px;
@dialog-header-padding-top: 30px;
@dialog-header-isolated-padding: 50px 0;
@dialog-message-padding: 50px;
@dialog-message-font-size: 34px;
@dialog-message-line-height: 40px;
@dialog-message-max-height: 60vh;
@dialog-has-title-message-text-color: @gray-7;
@dialog-has-title-message-padding-top: 40px;;
@dialog-confirm-button-text-color: #007AFF;
[class*='van-hairline']::after{
  border-color: #dadcdf;
}
.cell-group{
  padding: 0 25px;
  margin-top: 20px;
  background-color: #fff;
  .cell{
    display: flex;
    padding: 30px 0 30px;
    justify-content: space-between;
    .title{
      color: #252525;
      font-size: 30px;
      display: flex;
      align-items: center;
      .name{
        padding-left: 10px;
      }
      .icon{
        display: inline-block;
        width:70px;
        height: 70px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size:70px 70px;
        margin-right: 10px;
      }
      .icon-order{
        background-image: url('/static/images/icon-order.png');
      }
      .icon-wallet{
        background-image: url('/static/images/icon-wallet.png');
      }
      .icon-switch{
        background-image: url('/static/images/icon-switch.png');
      }
      .icon-integral{
        background-image: url('/static/images/icon-integral.png');
      }
      .icon-user{
        background-image: url('/static/images/icon-bonus.png');
      }
      .icon-bonus{
        background-image: url('/static/images/icon-bonus.png');
      }
      .icon-address{
        background-image: url('/static/images/icon-address.png');
      }
      .icon-account{
        background-image: url('/static/images/icon-account.png');
      }
      .icon-wechat{
        background-image: url('/static/images/icon-wechat-menu.png');
      }
      .icon-alipay{
        background-image: url('/static/images/icon-alipay-menu.png');
      }
      .icon-user{
        background-image: url('/static/images/icon-user.png');
      }
      .icon-pay-pawwword{
        background-image: url('/static/images/icon-pay-password.png');
      }
      .icon-bankcard{
        background-image: url('/static/images/icon-bankcard.png');
      }
      .icon-wechat{
        background-image: url('/static/images/icon-wechat.png');
      }
      .icon-alipay{
        background-image: url('/static/images/icon-alipay.png');
      }
    }
    .value{
      color: #555;
      font-size: 24px;
      margin-right: 5px;
      display: flex;
      align-items: center;
      .text{
        display: inline-block;
        line-height: 24px;
      }
    }
    .value.isArrow{
      &::after{
        content: '';
        display: inline-block;
        width:14px;
        height: 24px;
        background-image: url('/static/images/icon-arrow-right.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size:14px 24px;
        vertical-align: middle;
        margin-left:32px;
      }
    }
  }
}

// Calendar
@calendar-background-color: @white;
@calendar-popup-height: 80%;
@calendar-header-box-shadow: 0 4px 20px rgba(125, 126, 128, 0.16);
@calendar-header-title-height: 88px;
@calendar-header-title-font-size: @font-size-lg;
@calendar-header-subtitle-font-size: @font-size-md;
@calendar-weekdays-height: 60px;
@calendar-weekdays-font-size: @font-size-sm;
@calendar-month-title-font-size: @font-size-md;
@calendar-month-mark-color: fade(@gray-2, 80%);
@calendar-month-mark-font-size: 160px;
@calendar-day-height: 128px;
@calendar-day-font-size: @font-size-lg;
@calendar-range-edge-color: @white;
@calendar-range-edge-background-color: @red;
@calendar-range-middle-color: @red;
@calendar-range-middle-background-opacity: 0.1;
@calendar-selected-day-size: 104px;
@calendar-selected-day-color: @white;
@calendar-info-font-size: @font-size-xs;
@calendar-info-line-height: 28px;
@calendar-selected-day-background-color: @red;
@calendar-day-disabled-color: @gray-5;
@calendar-confirm-button-height: 88px;
@calendar-confirm-button-margin: 14px 0;
@calendar-confirm-button-line-height: 74px;
// Confirm
.van-dialog__confirm,.van-dialog__cancel{
  height:1rem;
}
.van-ellipsis{
  overflow: visible;
}

// Image
@image-placeholder-text-color: @gray-6;
@image-placeholder-font-size: @font-size-md;
@image-placeholder-background-color: @background-color;
@image-loading-icon-size: 44px;
@image-error-icon-size: 44px;
.van-calendar__popup .van-popup__close-icon{
  font-size: 36px;
  top:30px;
  right: 25px;
}


// Notify
@notify-padding: 22px 0;
@notify-font-size: @font-size-md;
@notify-line-height: 40px;
@notify-primary-background-color: @blue;
@notify-success-background-color: @green;
@notify-danger-background-color: @red;
@notify-warning-background-color: @orange;

// NumberKeyboard
@number-keyboard-background-color: @white;
@number-keyboard-key-height: 108px;
@number-keyboard-key-background: @gray-3;
@number-keyboard-key-font-size: 48px;
@number-keyboard-key-active-color: @active-color;
@number-keyboard-delete-font-size: @font-size-lg;
@number-keyboard-title-color: @gray-7;
@number-keyboard-title-height: 60px;
@number-keyboard-title-font-size: @font-size-md;
@number-keyboard-close-padding: 0 @padding-md;
@number-keyboard-close-color: @blue;
@number-keyboard-close-font-size: @font-size-md;
@number-keyboard-button-text-color: @white;
@number-keyboard-button-background-color: @blue;
@number-keyboard-cursor-color: @text-color;
@number-keyboard-cursor-width: 1px;
@number-keyboard-cursor-height: 40%;
@number-keyboard-cursor-animation-duration: 1s;

.order-tab{
  padding: 10px 0 30px;
  display: flex;
  justify-content: center;
  background-color: #fff;
  border-bottom: 1px solid #e8e9eb; /*no*/
  .tab {
    padding: 8px 16px;
    // height: 56px;
    border: 1px solid #007aff; /*no*/
    margin-left: -1px; /*no*/
  }
  .tab:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .tab:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .tab.active {
    background-color: #007aff;
    color: #fff;
  }
}
.info-box{
  display: flex;
  background-color: #fff;
  .img{
    width:160px;
    height: 160px;
    background-color: #eee;
  }
  .info{
    flex: 1;
    padding: 5px 20px 5px;
    .name{
      width: 100%;
      font-size: 28px;
      color: #353535;
    }
    .slot{
      flex: 0 0 auto;
      display: flex;
      // padding: 20px 0 0;
      justify-content: space-between;
      font-size: 24px;
      .c1{
        color: #FF0000;
        font-size: 36px;
      }
      .c2{
        color: #666
      }
    }
  }
}
.order-list{
  padding: 20px 0 8px;
  margin:0 20px;
  border-radius: 15px;
  margin-top: 20px;
  background-color: #fff;
  overflow: hidden;
  .title{
    display: flex;
    justify-content: space-between;
    font-size: 28px;
    font-weight: 400;
    padding: 5px 20px 15px;
    .number{
      color: #555;
    }
    .state{
      color: #007AFF
    }
  }
  .info-box{
    padding: 30px
  }
}

// SidebarItem
@sidebar-font-size: @font-size-md;
@sidebar-line-height: 80px;
@sidebar-text-color: @text-color;
@sidebar-disabled-text-color: @gray-5;
@sidebar-padding: 20px @padding-sm 20px @padding-xs;
@sidebar-active-color: @active-color;
@sidebar-background-color: @background-color-light;
@sidebar-selected-font-weight: @font-weight-bold;
@sidebar-selected-text-color: @text-color;
@sidebar-selected-border-color: @red;
@sidebar-selected-background-color: #F3F3F3;

.van-stepper__minus{
  border:1px solid #bbb; /*no*/
  background-color: #fff;
}
.van-stepper__minus::before{
  width: 25px;
  height: 3px;
}
.van-stepper__minus::after, .van-stepper__plus::after{
  width: 25px;
  height: 3px;
}
.van-stepper__plus::before{
  width: 3px;
  height: 25px;
}
.van-stepper__input{
  border:1px solid #bbb; /*no*/
  margin: 0 -2px;
  width: 100px;
  background-color: #fff;
}
.van-stepper__plus{
  border:1px solid #bbb; /*no*/
  background-color: #fff;
}
// Stepper
@stepper-active-color: #e8e8e8;
@stepper-background-color: @active-color;
@stepper-button-icon-color: @text-color;
@stepper-button-disabled-color: @background-color;
@stepper-button-disabled-icon-color: @gray-5;
@stepper-input-width: 64px;
@stepper-input-height: 60px;
@stepper-input-font-size: @font-size-md;
@stepper-input-text-color: @text-color;
@stepper-input-disabled-text-color: @gray-5;
@stepper-input-disabled-background-color: @active-color;
@stepper-border-radius: @border-radius-md;

// List
@list-icon-margin-right: 5px;
@list-text-color: @gray-6;
@list-text-font-size: @font-size-md;
@list-text-line-height: 90px;

.nodata{
  height: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  color: #666;
}
// Picker

@picker-background-color: @white;
@picker-toolbar-height: 88px;
@picker-title-font-size: @font-size-lg;
@picker-action-padding: 0 @padding-md;
@picker-action-font-size: @font-size-md;
@picker-action-text-color: @blue;
@picker-action-active-color: @active-color;
@picker-option-font-size: @font-size-lg;
@picker-option-text-color: @black;
@picker-option-disabled-opacity: 0.3;
@picker-loading-icon-color: @blue;
@picker-loading-mask-color: rgba(255, 255, 255, 0.9);

.van-nav-bar__text:active{
  background-color: none;
}
.id-from {
  .van-field__control {
    color: #5788ff;
  }
  .van-cell{
    padding: 25px 32px;
    // margin: 20px 0;
    border-bottom:1px solid #ebedf0;
  }
  .van-cell:last-child{
    border-bottom: none;
  }
  .van-cell::after{
    display: none;
  }
}
.authentication {
  .box {
    width: 550px;
    background-color: #fff;
    padding: 0 30px 72px;
    text-align: center;
    .icon-authentication {
      width: 200px;
      height: 200px;
      display: inline-block;
      margin: 63px 0 30px;
      background-image: url('/static/images/icon-authentication.png');
      background-repeat: no-repeat;
      background-size: contain;
    }
    .text {
      font-size: 34px;
      color: #353535;
      line-height: 60px;
      text-align: center;
    }
    .btn {
      width: 300px;
      height: 88px;
      background: rgba(109, 119, 255, 1);
      border-radius: 44px;
      margin: 60px auto 0;
      line-height: 88px;
      text-align: center;
      color: #fff;
      font-size: 34px;
    }
  }
}

// ImagePreview
@image-preview-index-text-color: @white;
@image-preview-index-font-size: 32px;
@image-preview-index-text-shadow: 0 1px 1px @gray-8;
@image-preview-overlay-background-color: rgba(0, 0, 0, 0.9);
@image-preview-close-icon-size: 40px;
@image-preview-close-icon-color: @gray-5;
@image-preview-close-icon-active-color: @gray-6;
@image-preview-close-icon-margin: @padding-md;
@image-preview-close-icon-z-index: 1;

// Uploader
@uploader-size: 160px;
@uploader-icon-size: 44px;
@uploader-icon-color: @gray-4;
@uploader-text-color: @gray-6;
@uploader-text-font-size: @font-size-sm;
@uploader-upload-border-radius: 16px;
@uploader-upload-background-color: @gray-1;
@uploader-upload-active-color: @active-color;
@uploader-delete-color: @gray-6;
@uploader-delete-icon-size: 36px;
@uploader-delete-background-color: @white;
@uploader-file-background-color: @background-color;
@uploader-file-icon-size: 40px;
@uploader-file-icon-color: @gray-7;
@uploader-file-name-padding: 0 @padding-base;
@uploader-file-name-margin-top: @padding-xs;
@uploader-file-name-font-size: 40px;
@uploader-file-name-text-color: @gray-7;
@uploader-mask-background-color: fade(@gray-8, 88%);
@uploader-mask-icon-size:44px;
@uploader-mask-message-font-size: @font-size-sm;
@uploader-mask-message-line-height: 28px;
@uploader-loading-icon-size: 44px;
@uploader-loading-icon-color: @white;
@uploader-disabled-opacity: @disabled-opacity;
// .van-key__wrapper{
//   padding: 0;
//   border-radius: none;
// }
// .van-number-keyboard__body{
//   padding: 0;
// }
// .van-key{
//   // border-radius: none;
// }
// Radio
@radio-size: 30px;
@radio-border-color: @gray-5;
@radio-transition-duration: @animation-duration-fast;
@radio-label-margin: @padding-xs;
@radio-label-color: @text-color;
@radio-checked-icon-color: @blue;
@radio-disabled-icon-color: @gray-5;
@radio-disabled-label-color: @gray-5;
@radio-disabled-background-color: @border-color;
.van-radio-group{
  display: flex;
  float: right;
  height: 34px;
  width: 260px;
  .van-radio{
    flex: 1;
    justify-content: flex-end;
    width: 130px;
    .van-radio__icon .van-icon{
      border: 1px solid #c8c9cc; /*no*/
      width: 32px;
      height: 32px;
    }
    .van-radio__icon--checked{
      .van-icon{
        border: 1px solid #1989fa; /*no*/
        &::before{
          content: '';
          display: block;
          width: 12px;
          height: 12px;
          border-radius: 12px;
          background-color: #fff;
          position: absolute;
          left:50%;
          top:50%;
          margin:-6px 0 0 -6px;
        }
      }
    }
    .van-icon-success{
      &::before{
        display: none;
      }
    }
  }
}

// ActionSheet
@action-sheet-max-height: 80%;
@action-sheet-header-height: 88px;
@action-sheet-header-font-size: @font-size-lg;
@action-sheet-description-color: @gray-7;
@action-sheet-description-font-size: @font-size-md;
@action-sheet-description-line-height: 40px;
@action-sheet-item-height: 100px;
@action-sheet-item-background: @white;
@action-sheet-item-font-size: @font-size-lg;
@action-sheet-item-text-color: @text-color;
@action-sheet-item-disabled-text-color: @gray-5;
@action-sheet-subname-color: @gray-7;
@action-sheet-subname-font-size: @font-size-sm;
@action-sheet-close-icon-size: 44px;
@action-sheet-close-icon-color: @gray-5;
@action-sheet-close-icon-active-color: @gray-6;
@action-sheet-close-icon-padding: 0 @padding-md;
@action-sheet-cancel-padding-top: @padding-xs;
@action-sheet-cancel-padding-color: @background-color;
.van-action-sheet__subname{
  margin-left:20px;
  font-size: 28px;
  width: 100px;
  display: inline-block;
  text-align: left;
}
.van-action-sheet__item--disabled{
  .van-action-sheet__subname{
    color: #d0d0d0;
  }
}

.xgplayer-skin-default .xgplayer-start{
  width: 140px !important; 
  height: 140px !important;
}
.xgplayer-skin-default .xgplayer-start div svg{
  width: 140px !important;
  height: 140px !important;
  margin:  28px !important;
}
.goodsAlert{
  color: #353535;
  font-size: 34px;
  line-height: 55px;
  .time{
    color: red;
  }
}

// 更新提示弹窗
.CheckUpdate{
  width: 560px;
  border-radius: 4px;
  .percent-flex{
    height: .9rem;
    display: flex;
    padding: 0 20px;
    align-items: center;
    .name{
      position: absolute;
      font-size: 26px;
      top:10px;
      right: 0;
      left:0;
      text-align: center;
    }
    .percent{
      background-color: #eee;
      height: 14px;
      width: 100%;
      margin-top:40px;
      position: relative;
      .progress{
        background-color: #4873be;
        height: 14px;
        position: relative;
      }
    }
  }
  .title{
    font-size: 32px;
    background-color: #eee;
    padding: 18px 30px 16px;
  }
  .content{
    padding:24px 300px 0;
    font-size: 28px;
    line-height: 46px;
    .p-content{
      padding: 100px 0;
    }
  }
  .button{
    text-align: right;
    padding:28px;
    margin:0;
    line-height: 46px;
    .btn{
      margin-left:28px;
      margin-top: 0;
      font-size: 24px;
      padding: 9px 22px;
      border-radius: .04rem;
      display: inline-block;
      border:.02rem solid #eee;
    }
    .cancel{
      padding: 10px 30px;
    }
    .btn.gradient{
      border-color: transparent;
      color: #fff;
      background-image: linear-gradient(90deg, #3a83ff 0%, #4873be 100%);
    }
  }
}

.bk {
  background-color: #fff;
  display: flex;
  padding: 30px 40px;
  color: #323233;
  font-size: 28px;
  .label {
    width: 170px;
  }
  .name,
  .sname {
    flex: 1;
    color: #96989a;
    position: relative;
    text-align: right;
  }
  .name {
    padding-right: 30px;
  }
  .name.active {
    color: #125DFF;
  }
}
.bk.active {
  .name {
    &::after {
      content: '';
      display: inline-block;
      width: 14px;
      height: 24px;
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -12px;
      background-image: url('/static/images/icon-arrow-right.png');
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 14px 24px;
      vertical-align: middle;
      margin-left: 32px;
    }
  }
}
.van-search.focus{
  .van-field__control{
    border-bottom: 1px solid #007aff; /*no*/
  }
}
.van-search{
  padding: 0 30px;
  .van-search__content{
    padding-left: 0;
  }
  .van-field__left-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:2px;
  }
  .van-search__action:active{
    background:none;
  }
  .van-field__left-icon .van-icon, .van-field__right-icon .van-icon{
    font-size: 38px;
    color: #a3a4a5;
    margin-right: 20px;
  }
  .van-cell{
    padding: 20px;
    // background-color: #fff;
  }
  .van-field__control{
    padding: 5px 0;
    border-bottom: 1px solid #fff; /*no*/
  }
}
.van-dialog__message{
  line-height: 40px;
}
.van-picker__title{
  line-height: 50px;
}
